// 相当于原生的 DOMContentLoaded dom结构 加载完毕之后才执行
// load  等待 所有资源文件 js，css，png，ttf  dom结构 都加载完毕之后才执行
$(function () {
  let form = layui.form;
  // 如果layui提供的默认规则不够用，那么才需要我们自定义规则
  form.verify({
    // 官方提供了两种 规则的写法，一种是函数， 一种是数组
    rePass: function (value) {
      if (value !== $('input[name=newPwd]').val()) {
        return '两次输入密码不一致，请重试！';
      }
    },
    pass: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],
  });

  $('.layui-form').on('submit', (e) => {
    e.preventDefault();

    $.ajax({
      url: '/my/updatepwd',
      method: 'POST',
      data: {
        oldPwd: $('[name=oldPwd]').val(),
        newPwd: $('[name=newPwd]').val(),
      },
      success: function (res) {
        if (res.status != 0) {
          return layer.msg(res.message, { icon: 2 });
        }

        layer.msg(res.message, { icon: 1 });
        // $('#btnReset').click()   使用js来点击重置按钮的方法，也可以实现
        // reset 是原生表单元素的 方法， 不是jquery元素上面的方法
        $('.layui-form')[0].reset();

        // if (res.status != 0) {
        //   layer.msg(res.message, { icon: 2 });
        // }else {
        //   layer.msg(res.message, { icon: 1 });
        //   $('.layui-form')[0].reset();
        // }
      },
    });
  });
});
